<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Sencha Touch</title>
    <script type="text/javascript" src="sencha-touch-2.0.0-pr3/sencha-touch-all.js"></script>
    <link href="sencha-touch-2.0.0-pr3/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />
    <style>
	    .card1,
	    .card2,
	    .card3 {
	        background-color: #376daa;
	        text-align: center;
	        color: #204167;
	        text-shadow: #3F80CA 0 1px 0;
	        font-size: 72px;
            padding-top: 100px;
	    }
	</style>
	
	<script type="text/javascript">
	Ext.require([
    	'Ext.tab.Panel'
	]);

	Ext.setup({
	    icon: 'icon.png',
	    glossOnIcon: false,
	    tabletStartupScreen: 'tablet_startup.png',
	    phoneStartupScreen: 'phone_startup.png',
	    onReady: function() {
	        Ext.create('Ext.tab.Panel', {
	            fullscreen: true,
	            type: 'dark',
	            sortable: true,
	            items: [
	                {
	                    title: 'Tab 1',
	                    html: '<html><script type="text/javascript">alert("hello")</script><body color="white">testing</body></html>',
	                    cls: 'card1',
	                    iconCls: 'bookmarks'
	                },
	                {
	                    title: 'Tab 2',
	                    html: '2',
	                    cls: 'card2',
	                    iconCls: 'download'
	                },
	                {
	                    title: 'Tab 3',
	                    html: '3',
	                    cls: 'card3',
	                    iconCls: 'favorites'
	                }
	            ]
	        });
	    }
	});
	</script>
	
  </head>
  <body>
    
  </body>
</html>